axios.defaults.baseURL = 'http://api-breakingnews-web.itheima.net'

const params = {
    pagenum: 1, // 页数(你要第几页的数据)
    pagesize: 3, // 每页"要"多少条数据
    cate_id: "", // 分类ID (可选, 可以给值也可以不给值)
    state: "", // (已发布, 草稿) 只能是这2个值
}

let total = 0 // 数据的总数
// 获取文章列表

function render() {
     axios({
         method: 'GET',
         url: '/my/article/list',
         params,
         headers: {
             Authorization: localStorage.getItem('token')
         }
     }).then(({ data: res })=>{
         console.log(res);
        //  obj.pub_date
         if (res.status === 0) {
             $('tbody').empty()
             res.data.forEach(obj=>{
                let theTr = `<tr>
                <td>${obj.title}</td>
                <td>${obj.cate_name}</td>
                <td>${moment().format('YYYY-MM-DD hh:mm:ss')}</td>
                <td>${obj.state}</td>
                <th>
                <button myid="${obj.Id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger del">删除</button>
                    </th>
            </tr>`;
            $('tbody').append(theTr)
             })
            //  把值赋给变量
             total = res.total
            //  设置分页器
             setPage()
         }
     })
}
render()

// 获取文章分类列表

function getCAtes() {
    axios({
        method: 'GET',
        url: 'http://api-breakingnews-web.itheima.net/my/article/cates',
        // 自定义请求头
        headers: {
          Authorization: localStorage.getItem('token')
        }
      }).then(({ data: res }) => {
        console.log(res);
        // 判断请求成功a
        if (res.status === 0) {
            $("select[name=category]").append(`<option value="" lay-verify="cate">所有分类</option>`);
          res.data.forEach(obj => {
           const theOption =`<option value="${obj.Id}" lay-verify="cate">${obj.name}</option>`;
           $('select[name=category]').append(theOption)
          })
          layui.form.render('select','category')
        }
      })
      render()
}
getCAtes()

$('form').on('submit', function (e) {
    e.preventDefault()

    const cate_id = $('select[name=category]').val()

    const state = $('select[name=state]').val()

    params.cate_id = cate_id
    params.state = state
    render()
})

function setPage() {
     // 分页器
layui.use('laypage', function(){
    var laypage = layui.laypage;
    
    //执行一个laypage实例
    laypage.render({
      elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
      ,count: total, //数据总数，从服务端得到
      layout:["prev","page","next",'skip','limit','count'],
      jump: function(obj,first){
        console.log(obj.curr)
        console.log(obj.limit)

        if (!first) {
            console.log('不是首次代码执行');
            params.pagenum = obj.curr
            params.pagesize = obj.limit
            render()
        }
      },
      limits:[1,3,5,7],
      limit:params.pagesize,
         curr:params.pagenum
    });
  });
}


// 删除
$('tbody').on('click','.del',function (){
    const id =  (this).attr('myid')

    axios({
        method: 'GET',
        url: `http://api-breakingnews-web.itheima.net/my/article/delete${id}`,
        // 自定义请求头
        headers: {
          Authorization: localStorage.getItem('token')
        }
      }).then(({ data: res }) => {
        console.log(res);
        // 判断请求成功a
        if (res.status === 0) {
            $("select[name=category]").append(`<option value="" lay-verify="cate">所有分类</option>`);
          res.data.forEach(obj => {
           const theOption =`<option value="${obj.Id}" lay-verify="cate">${obj.name}</option>`;
           $('select[name=category]').append(theOption)
          })
          layui.form.render('select','category')
        }
      })
})